<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>阿里百秀-发现生活发现美！</title>
  <link rel="stylesheet" href="./assets/vendors/aliFont/iconfont.css">
  <link rel="stylesheet" href="./assets/css/common.css">
  <link rel="stylesheet" href="./assets/css/style.css">
  
  
</head>
<body>
        <div class="hidden-xs leftBox">
          <div class="leftLogo">
            <a href="index.html">
              <img src="./assets/img/logo.png" alt="">
            </a>
          </div>
          <ul class="navAside">
           
          </ul>
          <div class="search">
              <input type="text" placeholder="输入关键字">
              <span class="btn">搜索</span>
          </div>
        </div>
       <div class="content clearfix">
        <div class="rightBox">
          <div class="rightSearch">
            <h3>搜索</h3>
            <div class="searchKey">
              <input type="text" placeholder="输入关键字">
              <button class="btn">搜索</button>
            </div>
          </div>
          <div class="rightRecommend">
            <h3>随机推荐</h3>
            <ul id="randomBox">
              
            </ul>
          </div>
          <div class="commentNew">
            <h3>最新评论</h3>
            <ul id="commentLasted">
            </ul>
          </div>
        </div>
        <div class="indexContent">
            <div class="commentDetail">
              
            </div>
            <div class="commentText">
            <textarea class="commentInput"></textarea>
              <button class="commentBtn">提交评论</button>
            </div>
             <!-- 推荐 -->
             <div class="recommend">
               <h3>热门推荐</h3>
               <ul class="recommednContent">
             
               </ul>
             </div>
           
        </div>
       </div>
        <div class="footer">
          <p>© 2016 XIU主题演示 本站主题由 themebetter 提供</p>
        </div>
        <script src="./assets/vendors/Jquery/jquery.min.js"></script>
        <script src="./assets/vendors/art-template/template-web.js"></script>
        <script type='text/html' id="detailTpl">
          <div class="breadcrumb">
            当前位置： <span>{{category.title}}</span> > {{title}}
          </div>  
          <h3>{{title}}</h3>
          <p>{{author.nickName}} 发布于{{createAt.split('T')[0]}} 分类: <a href="javascript:;">{{category.title}}</a> 阅读: ({{meta.views}}) 评论: ({{meta.comments}})</p>
        </script>
        <script src="./assets/js/public.js"></script>
        <script src="./assets/js/recommend.js"></script>
        <script src="./assets/js/detail.js"></script>
</body>
</html>